/* Added by TK, August 26, 2006 */
/* Fixed banner menu style. Pinched legally from http://www.w3.org/Style/Examples/007/menus.html */
div.banner {
  margin: 0 auto 0 auto;
  font-size: 80% /*smaller*/;
  font-weight: bold;
  line-height: 1.1;
  text-align: left;
  position: absolute; /* Step 1 of IE-Fix-around: Can use "fixed" here but the stupidity of IE5 and IE6 prevents them from interpreting it! */
  top: 200px;
  left: 85%;
  width: auto;
  right: 10%;
  bottom: auto;
  opacity: 0.9;
}
div.banner p {
  margin: 0; 
  padding: 0.3em 0.4em;
  font-family: Arial, sans-serif;
  display: block;
  background: #565e47;
  border: 1px dotted transparent;
  color: #333;
}

/* Step2: WinIE6 gets confused by 'fixed', so hide it.
   Selector trick courtesy of Johannes Koch, see
   http://pixels.pixelpark.com/~koch/hide_css_from_browsers/
*/
 body>div.banner {
  position: fixed;		/* Overrides 'absolute' above */
 }

div.banner a, div.banner em { display: block; font-weight: bold; margin: 0 0.5em; }
div.banner a, div.banner em { border-top: none; } /* 1px #900 */
div.banner a:first-child { border-top: none; }
div.banner em { color: red; }

div.banner a:link { text-decoration: none; color: #000; padding:0 1.1em;}
div.banner a:visited { text-decoration: none; color: #000; padding:0 1.1em;}
div.banner a:hover { background: transparent; 
                     padding:0 0.2em;
                     color: #fff;  
                     font-size:120%;
                     border-left:none;   
                        }

/* Shadows */

div.back {background: transparent; opacity:0.85;}
div.section {background: #ffd}

div.back {
	padding: -1em .25em .25em -1em;
	border-right: transparent;
        border-bottom: transparent;
	}
div.back {margin: -2em -1em 1 0}
div.section {margin: -3em 0 0 1em}
div.section {border: thin solid #999; padding: 1.5em}